<template>
  <div class="abstract">
        <Article :content='content' :title='title'></Article>
  </div>
</template>

<script>
import 'element-ui/lib/theme-chalk/display.css';
import Article from '../components/article.vue'
export default {
    components:{
        Article
    },
    data(){
        return{
            content:'当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户， 还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。想创建一个简单的单页式站点，还是一个专业的公司网站，亦或是一个别具一格的博客？起飞 页可以满足您的所有需求。我们是响应式网站的倡导者，所有前端页面代码均采用HMLT5和CSS3实现。起飞页提供了海量精美网站模板和成品网站，几乎覆 盖了当今各个行业，您只需在模板上进行少量修改，即可完成自己的网站，这一切都是免费的。迄今为止，起飞页用户的最短建站时间纪录为30分钟。起飞页的核心竞争力来自于它集流线式布局方案与可视化内容编辑于一体，支持打字传图、自由拖拽，不需要专业编写代码，也没有其他建站工具的层叠式烦恼，您可以随心所欲创建区块、添加组件…当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户， 还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。想创建一个简单的单页式站点，还是一个专业的公司网站，亦或是一个别具一格的博客？起飞 页可以满足您的所有需求。我们是响应式网站的倡导者，所有前端页面代码均采用HMLT5和CSS3实现。起飞页提供了海量精美网站模板和成品网站，几乎覆 盖了当今各个行业，您只需在模板上进行少量修改，即可完成自己的网站，这一切都是免费的。迄今为止，起飞页用户的最短建站时间纪录为30分钟。起飞页的核心竞争力来自于它集流线式布局方案与可视化内容编辑于一体，支持打字传图、自由拖拽，不需要专业编写代码，也没有其他建站工具的层叠式烦恼，您可以随心所欲创建区块、添加组件…',
            title:'城市建设发展有限公司'

        }
    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
}
</script>

<style scoped="scoped">
	.abstract{ width:70%;margin-left: 15%;}
	

  
    @media only screen and (max-width:1024px) {
	    .grid-content{
	      margin:0 6%;
	  }
    }

</style>
